<template>
  <div class="main">
    <img class="img_1" src="../../assets/img/icon/pluto-feminism-fatal-error.svg">
    <p class="adv">高效、智能、卓越</p>
    <div class="rectangle_1"></div>
<!--    <p class="notdeal">您有{{num}}个文件未处理</p>-->
    <p class="notdeal"></p>
    <div class="deal-butt" @click="godealing">进入处理</div>
  </div>
</template>

<script>
export default {
  name: 'Welcome',
  data () {
    return {
      num: 41
    }
  },
  methods: {
    godealing: function () {
      this.$router.push({
        name: 'appeal'
      })
    }
  },
  mounted () {
    // 将登陆信息中的所在学院字段提交到全局name
    try {
      var collegename = this.$store.state.LoginUser.collegeName
    } catch (e) {
      console.log(e)
    }
    if (collegename != null) {
      this.$store.state.name = collegename
    } else {
      console.log('views/Examine/Welcome.vue-----------获取不到登陆用户名，默认视为数学与信息学院')
    }
  }
}
</script>

<style scoped lang="scss">
  .main{
    width: 100%;
    height: 100%;
    background: $background-color;
  }
  .img_1{
    /*margin-left: px2rem(87);*/
    margin-left: calc(50% - #{px2rem(100)});
    margin-top: px2rem(14);
    width: px2rem(201);
    height: px2rem(154);
  }
  .adv{
    width:px2rem(240);
    height:px2rem(42);
    font-size:px2rem(30);
    font-family:PingFang SC;
    font-weight:800;
    line-height:px2rem(42);
    color:rgba(0,0,0,1);
    opacity:1;
    /*margin-left: px2rem(78);*/
    margin-left: calc(50% - #{px2rem(120)});
    position: relative;
    z-index: 2;
  }
  .rectangle_1{
    width: px2rem(179);
    height: px2rem(15);
    /*margin-left: px2rem(109);*/
    margin-left: calc(50% - #{px2rem(89)});
    position: relative;
    top: px2rem(-10);
    background: -webkit-linear-gradient(to right,$gradients-color-lightblue, $gradients-color-deepblue); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to right,$gradients-color-lightblue, $gradients-color-deepblue); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right,$gradients-color-lightblue, $gradients-color-deepblue); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,$gradients-color-lightblue, $gradients-color-deepblue); /* 标准的语法 */
  }
  .notdeal{
    width:px2rem(147);
    height:px2rem(22);
    font-size:px2rem(16);
    font-family:PingFang SC;
    font-weight:500;
    line-height:px2rem(22);
    color:rgba(2,164,237,1);
    opacity:1;
    /*margin-left: px2rem(109);*/
    margin-left: calc(50% - #{px2rem(73)});
    margin-top: px2rem(96);
  }
  .deal-butt{
    width: px2rem(214);
    height: px2rem(48);
    background: -webkit-linear-gradient(to right,#59C2FF, #9D6AE8); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to right,#59C2FF, #9D6AE8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to right,#59C2FF, #9D6AE8); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#59C2FF, #9D6AE8); /* 标准的语法 */
    border-radius: px2rem(4);
    margin-top: px2rem(17);
    /*margin-left: px2rem(81);*/
    margin-left: calc(50% - #{px2rem(107)});
    font-size:px2rem(20);
    font-family:PingFang SC;
    font-weight:500;
    line-height:px2rem(28);
    color:rgba(255,255,255,1);
    opacity:1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>
